<%-- 
    Document   : addZone
    Created on : 22 févr. 2015, 15:59:15
    Author     : Fabien, Jérémy, Ludovic, Brice
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
        <head>
            <title>${userlogged.userName} - Add a zone</title>
            <link rel="stylesheet" href="../../css/bootstrap.min.css">
            <link rel="stylesheet" href="../../css/bootstrap-theme.min.css">
            <script src="../../js/bootstrap.min.js"></script>
        </head>
        <%@ include file="/jsp/template/header.jsp"%>
        
        <div class="container">
            <form action="${pageContext.request.contextPath}/auth/addZone" method="POST"> 
                 <div class="form-group">
                    <label for="name">Name:</label>
                    <input name="name" id="name" type="text" class="form-control" placeholder="Name" pattern="^[A-Za-z0-9_]{1,32}$" required>
                 </div>    
                 <div class="form-group">
                    <label for="latitude">Latitude:</label>
                    <input name="latitude" id="latitude" type="text" class="form-control" placeholder="Latitude" required>
                 </div>    
                 <div class="form-group">
                    <label for="longitude">Longitude:</label>
                    <input name="longitude" id="longitude" type="text" class="form-control" placeholder="Longitude" required>
                 </div>      
                                  <div class="form-group">
                    <label for="radiusMeter">Radius Meter:</label>
                    <input name="radiusMeter" id="lowTimeStamp" type="text" class="form-control" placeholder="Radius Meter" required>
                 </div>
                 <div class="form-group">
                    <label for="lowTimeStamp">Low Time Stamp:</label>
                    <input name="lowTimeStamp" id="lowTimeStamp" type="date" class="form-control" placeholder="Low Time Stamp" required>
                 </div>
                 <div class="form-group">
                    <label for="highTimeStamp">High Time Stamp:</label>
                    <input name="highTimeStamp" id="highTimeStamp" type="date" class="form-control" placeholder="High Time Stamp" required>
                 </div>       		    
                <div>
                    <input type="submit" value="Add this zone" />
                </div>
            </form>
        </div>
    </body>
</html>
